{__NOLAYOUT__}
<layout name="anglee_layout" />

<style type="text/css">
        html{font-size: 0.9em;font-family: 'Microsoft YaHei', '微软雅黑';}
        body, ul, ol, dl, p{margin: 0;padding: 0;}
        ul, ul li, ol, ol li{list-style: none;}
        body{background:#f3f3f3 url("/themes/vip_large/images/vip/bodybg.png") center 40px no-repeat;background-size: 2500px auto;padding-bottom: 73px;}
        .card{width: 300px;height: 190px;margin:20px auto auto auto;position: relative;-webkit-perspective: 600px;}
        .card .lower, .card .up{position: absolute;left: 0;top: 0;width: 300px;height: 190px;overflow: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: 1s ease-in-out; -webkit-backface-visibility : hidden;}
        .card .lower{
        	-webkit-transform : rotatey(-180deg) ; 
		}
        .card .up .head{
			display:   -webkit-box ;
			position: absolute;
			left: 15px;
			bottom: 10px;width: 170px;font-size: 0.9em;
		}
        .card .up .head .left{
			-webkit-box-flex: 0 ;width: 60px;
		}
        .card .up .head .left img{width: 50px;border-radius: 25px;}
        .card .up .head .right{
			-webkit-box-flex : 1;padding-top: 15px;
		}
        .card .up .userinfo{position: absolute;right: 15px;bottom: 10px;font-size: 0.9em;}
        .card .up .userinfo .red{color: #990000;}
        .card .up .userinfo .blue{color: #0a9c0a;}
        .card .up .card-type{position: absolute;left: 15px;top: 10px;color: #fcda12;}
        .card .up .logo{position: absolute;left: 0;top: 50px;width: 100%;text-align: center;font-size: 1.3rem;}
        .card .lower .con{position: absolute;left: 20px;top: 20px;right: 20px;}
        .card .lower .con .address{display: -webkit-box;}
        .card .lower .con .address .left{
			-webkit-box-flex : 0 ;width: 30px;
		}
        .card .lower .con .address .left img{width: 20px;}
        .card .lower .con .address .right{
			-webkit-box-flex : 1 ;padding-top: 4px;
		}
        .card .lower .con .tel{display: -webkit-box;padding-top: 20px;}
        .card .lower .con .tel .left{
			-webkit-box-flex : 0 ;width: 30px;
		}
        .card .lower .con .tel .left img{width: 20px;}
        .card .lower .con .tel .right{
			-webkit-box-flex : 1;padding-top: 7px;
		}
        .list-1{display: -webkit-box; margin: auto;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;background-color: #ffffff;}
        .list-1 li{
			-webkit-box-flex: 1 ; padding: 10px 0;text-align: center;border-left:2px solid #e0e0e0;
		}
        .list-1 li.noborder{border: none;}
        .list-1 .name{font-size: 1.2rem;color: #888888;padding-bottom: 5px;}
        .list-1 .value{color: #990000;}
        .list-2{border-top: 1px solid #d0d0d0;background-color: #ffffff;}
        .list-2 li{display: -webkit-box;text-align: center;font-size: 1.3rem;border-bottom: 1px solid #d0d0d0;}
        .list-2 .left{
				display: block;-webkit-box-flex: 0 ; width: 50%;padding: 15px 0;color: #000000;text-decoration: none;
		}
        .list-2 .right{
			display: block;-webkit-box-flex: 1 ;padding: 15px 0;border-left: 1px solid #d0d0d0;color: #000000;text-decoration: none;
		}
        .nav-1{position: fixed;left: 0;bottom: 0;width: 100%;display: -webkit-box;border-top: 1px solid #d0d0d0;background-color: #fafafa;}
        .nav-1 a{
			display: block;-webkit-box-flex : 1;padding: 20px 0;border-left: 1px solid #d0d0d0;font-size: 1rem;text-decoration: none;color: #000000;text-align: center;
		}
        .nav-1 a.home{border-left: none;}
        .nav-1 a i{border: 1px solid #000000;padding: 3px 4px 3px 3px;border-radius: 14px;color: #333;font-size: 0.6rem;position: relative;top: -2px;}
        .nav-1 a.home i{border: none;padding: 0;margin:auto;color: #000000;font-size: 1.4rem;position: initial;}
        .box-1{display: -webkit-box;padding: 5px 0;background-color:#FFFFFF; /*#ffffe3*/;text-align: center;color: #333333;}
        .box-1 .laba{
			-webkit-box-flex : 0 ; width: 25px;
		}
        .box-1 .marquee{
			display: block;-webkit-box-flex: 1 ;
		}
</style>
<div id="card" class="card" data-state="1">
    <div class="lower">
        <img src="http://wmei-wmei5.stor.sinaapp.com/2015-05-06/2015050611322468964733.png" width="300" height="190">
        <div class="con" style="top: 80px;">
            <div class="address" style="display:none">
                <div class="left">
                    <img src="http://www.anglee.com.cn/themes/vip_large/images/vip/vip_address.png" alt="" />
                </div>
                <div class="right">
			        {$config.name}
                </div>
            </div>
            <if condition="$currentAgent">
	            <div class="address">
	                <div class="left">
	                </div>
	                <div class="right">
				                    店主昵称：{$currentAgent.nickname}
	                </div>
	            </div>
	            <div class="address">
	                <div class="left">
	                </div>
	                <div class="right">
				                    微信号：{$currentAgent.wechat}
	                </div>
	            </div>
	            <div class="address">
	                <div class="left">
	                </div>
	                <div class="right">
				                    店主电话：{$currentAgent.tel}
	                </div>
	            </div>
	        <else/>
	            <div class="address">
	                <div class="left">
	                </div>
	                <div class="right">
				                     厂家：{$config.name}
	                </div>
	            </div>
	            <div class="address">
	                <div class="left">
	                </div>
	                <div class="right">
				                     厂家电话：{$config.tel}
	                </div>
	            </div>
            </if>
        </div>
    </div>
    <div class="up">
        <img src="http://wmei-wmei5.stor.sinaapp.com/2015-05-06/2015050611301837432453.png" width="300" height="190" />
        <div class="head">
            <div class="left">
                <img src="{$user.face}" alt="" />
            </div>
            <div class="right">
                <p>{$user.name}</p>
                <p>推荐人：{$fromUser.nickname}</p>
                <p>{$user.tel}</p>
            </div>
        </div>
        <div class="userinfo">
            <p>
			    {$config['currency_config']['name']}：
                <span>{$user['userEnableScore']}</span>
            </p>
            <p>
		                我的利益:
                <span>￥{$settleAccountsCount['sumSuplus']*1|number_format=2}元</span>
            </p>
        </div>
        <!--<div class="card-type"> NO.181323434</div>-->
        <div class="logo" style="top: 70px;">
		     {$config.name}
        </div>
    </div>
</div>
<script type="text/javascript">
    document.getElementById("card").addEventListener("touchstart", function() {
        var up_transform = '',
        lower_transform = '',
        state = document.getElementById("card").getAttribute("data-state");
        if (state == "1") {
            state = 0;
            up_transform = "rotatey(180deg)";
            lower_transform = "rotatey(0deg)";
        } else {
            state = 1;
            up_transform = "rotatey(0deg)";
            lower_transform = "rotatey(-180deg)";
        }
        document.getElementById("card").setAttribute("data-state", state);
        document.getElementById("card").querySelector(".up").style.webkitTransform = up_transform;
        document.getElementById("card").querySelector(".lower").style.webkitTransform = lower_transform;
    },
    false);
</script>



<div class="box-1">
    <div class="laba">
        <i class="fa fa-volume-up">
        </i>
    </div>
    <marquee class="marquee" behavior="scroll" direction="left" scrollamount="2">
        <a href="article.php?act=detail&a_id=7045">
                        感谢您的光临！进入“我的资料”填写后送商城币哦~
        </a>
        &nbsp;&nbsp;&nbsp;
    </marquee>
</div>


<ul class="list-2">
    <li>
        <a href="__CONTROLLER__/userInfo/sid/{$sid}" title="" class="left">
            <i class="fa fa-user"></i>我的资料
        </a>
        <a href="{:U('disShopDeliverAddress/deliverAddressList', 'sid='.$sid)}" title="" class="right">
            <i class="fa fa-users"></i>收货地址
        </a>
    </li>
    <li>
        <a href="{:U('DisShop/orderNav', 'sid='.$sid)}" title="" class="left">
            <i class="fa fa-file-text-o"></i>个人订单
        </a>
        <a href="{:U('DisShop/scoreRecord', 'sid='.$sid)}" title="" class="right">
            <i class="fa fa-star-o"></i>我的{$config['currency_config']['name']}
        </a>
    </li>
    <li>
        <a href="{:U('DisShop/agentDistributionOrder', 'sid='.$sid)}" title="" class="left">
            <i class="fa fa-list-ul"></i>利益结算({$settleAccountsCount['sumSuplus']*1|number_format=2})
        </a>
        <a href="{:url(null, 'DisShop', 'achievement', 'sid='.$sid)}" title="" class="right">
            <i class="fa fa-list-ul"></i>我的业绩
        </a>
    </li>
    <li>
        <a href="{:U('DisShop/myCust', 'sid='.$sid)}" title="" class="left">
            <i class="fa fa-list-ul"></i>我的客户({$user.subCount})
        </a>
        <a href="{:U('DisShop/myBankList', 'sid='.$sid)}" title="" class="right">
            <i class="fa fa-list-ul"></i>绑定的银行卡
        </a>
    </li>
</ul>

<div style="height: 20px;">
</div>
